<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
	if (session.getAttribute("usuario")!= null) {
		response.sendRedirect("main.jsp");
		return;
	}

%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Soluciones Integrales ARE</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="themes/redmond/jquery.ui.theme.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="css/main.css">
<script src="js/jquery-1.8.2.js" language="JavaScript"></script>
<script src="js/jquery-ui-1.9.1.custom.min.js" language="JavaScript"></script>
<script type="text/javascript">
	$(document).ready(function(){
	   $("#cmd_login").button();
	});
</script>
<script type="text/javascript" language="javascript">
	function validar() {
		$("#info").html("");
		$("#info").hide();
		var usuario = $("#usuario").val();
		var clave = $("#clave").val();
		if (usuario == "" || clave == "") {
			$("#info").show();
			$("#info").html("Campo requerido");
			return;
		}
			var url = "SrvUsuarios";
			$.post(url, {
				operacion: "login",
				usuario : usuario,
				clave : clave
			}, procesar);
	}
	function procesar(resultado) {
		if (resultado == "OK") {
			document.location.href="main.jsp";
			return;
		}else {
			$("#info").show();
			$("#info").html(resultado);
		}

	}
</script>
</head>
<body>
	<h1>Censo Software</h1>
	<div id="info"></div>
	<form action="" name="form1" id="form1" method="post">
		<table>
			<tr>
				<td>Usuario</td>
				<td><input type="text" name="usuario" id="usuario"></td>
			</tr>
			<tr>
				<td>Clave</td>
				<td><input type="password" name="clave" id="clave"></td>

			</tr>
			
			<tr>
				<td colspan=2><input type="button" onclick="javascript:validar();"
					name="cmd_login" id="cmd_login" value="Ingresar"></td>
			</tr>

		</table>
	</form>
	<div class="foot">Todos los derechos reservados</div>
</body>
</html>